<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>

        body{
            width: 1366px;
            margin: 0px !important;
        }
           .div1{
               width: 100%;
               height: 122px;
               background-color: #fff;
           
           } 
           .div2{
               width: 100%;
               height: 42px;
               background-color: #fff;
           }
           
           .div3{
               float: left;
               width: 100%;
               height: 80px;
        
               justify-items: center;
  
            }
            .div3 .div4{
               vertical-align:middle;
               display: inline-block;
               width: 307px;
               height: 79px;
               margin: 0;
               /* background: url("images\logo.png") no-repeat 63px 71px;
               background-size: 115px; */
           }
           .div3 .div5{
            display: inline-block;
            width: 900px;
            height: 80px;
            margin: 0;
            height: 100%;
           }
           .a1{
               font-size: 12px;
               color: #666666;
               margin: 13px 18px;
               text-decoration: none;
               float: left;
       
           }
           .a2{
               font-size: 12px;
               color: #666666;
               text-decoration: none;
               float: right;
               margin: 13px 18px;
               
           }
           .a2m{
               margin-right: 200px;
           } 
           .a1m{
               margin-left: 62px;
           }
           .a2mm{
             margin-right: 0;
           }
           .img1{
               margin-left: 0;
           }
           .div3{
               margin: 30px auto 0;
           }
           .a3{
               font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
               font-size: 16px;
               margin: 30px 19px ;
               display: inline-block;
               text-decoration: none;
               color: #593333;
           }
        .img2{
            margin-top: 30px;
            margin-left: 64px;
            size: 115px;
        }
    </style>
    <link rel="stylesheet" href="css/banner.css" type="text/css">
    <link rel="stylesheet" href="css/yaobu.css"  type="text/css">
    <link rel="stylesheet" href="css/pigu.css"  type="text/css">
    <link rel="stylesheet" href="css/tui.css"  type="text/css">
</head>
<body>
    <!-- 头部开始 -->
    <div class="div1">
        <div class="div2">
                <a href="#" class="a1 a1m">魅族官网</a>
                <a href="#" class="a1">魅族商城</a>
                <a href="#" class="a1">FLyme</a>
                <a href="#" class="a1">专卖店</a>
                <a href="#" class="a1">服务</a>
                <a href="#" class="a1">社区</a>

                <a href="#" class="a2 a2m">注册</a>
                <a href="#" class="a2">登录</a>
                <a href="#" class="a2">我的订单</a>
                <img class="a2 img1" src="images/new.jpg">
                <a href="#" class="a2 a2mm">我的收藏</a>
       </div>
      
        <div class="div3">
                <div class="div4">
                   <img class="img2" src="images/logo.png" alt="">
                </div>
                <div class="div5">
                <a href="#" class="a3">PRO手机</a>
                <a href="#" class="a3">魅蓝手机</a>
                <a href="#" class="a3">MX手机</a>
                <a href="#" class="a3">精选配件</a>
                <a href="#" class="a3">智能硬件</a>
            </div>
        </div>
    </div>
    <!-- 头部结束 -->
    <!-- 导航开始 -->

    <div class="banner">
        <div class="banner1">
        </div>
    </div>

    <!-- 导航结束 -->
    <!-- 腰部 -->
    <div class="wk">
          <div class="nk1 nk">
              <span class="xhz">
                <img class="xtp" src="../part1_03/images/1450855246-61162.png">
                <h5 class="wz">M码通道</h5>
              </span>

              <span class="xhz">
                <img class="xtp" src="../part1_03/images/1450855279-64872.png">
                <h5 class="wz">以旧换新</h5>
              </span>

              <span class="xhz">
                <img class="xtp" src="../part1_03/images/1450855198-58056.png">
                <h5 class="wz">魅族意外保</h5>
            </span>
              <span class="xhz">
                <img class="xtp" src="../part1_03/images/1451960447-93534.png">
                <h5 class="wz">回购单查询</h5>
              </span>
          </div>
          <div class="nk2 nk">
              <img class="i1" src="../part1_03/images/1469442560-64371.jpg" alt="">
          </div>
          <div class="nk3 nk">
            <img class="i1" src="../part1_03/images/Cix_s1fuEgmAc5NwAABEl576SHY123.jpg" alt="">
          </div>
          <div class="nk4 nk">
            <img class="i1" src="../part1_03/images/CnQOjVfhDa2AKtdyAAAtKjihE5E114.jpg" alt="">
          </div>
          <div class="nk5 nk">
            <img class="i1" src="../part1_03/images/Cix_s1f66-eAGausAABXAszHWuE990.png" alt="">
          </div>

    </div>
    <!-- 腰部结束 -->
    <!-- 屁股 -->
    <div class="dpg">
        <div class="pt">
            <h3 class="xbq1">手机</h3>
            <h6 class="xbq2">更多></h6>
        </div>
        <div class="pgzj">
            <div class="rr rr1">
                <span class="rm">热卖</span>
                <img class="tm" src="../part1_03/images/CnQOjVf6EfOAKlj2AAvhVMfnh40856_180x180.png" alt="">
                <p class="p1">魅蓝note3</p>
                <p class="p2">魅蓝note3 11日-12日 限量开售</p>
                <p class="p3">￥ 799</p>
            </div>
            <div class="rr">
                <span class="rm rm2">热卖</span>
                <img class="tm" src="../part1_03/images/CnQOjVf8Qm2AGJwmAAf5c4NUNpI085_180x180.png" alt="">
                <p class="p1">魅蓝3</p>
                <p class="p2">魅蓝3 11日-12日 公开版限量开售</p>
                <p class="p3">￥ 599</p>
            </div>
            <div class="rr">
                <span class="rm">热卖</span>
                <img class="tm" src="../part1_03/images/CnQOjVffSHOAaRkmAA0Rkx2XjKE222_180x180.png" alt="">
                <p class="p1">魅蓝 metal</p>
                <p class="p2">魅蓝 metal 11日-12日 限量开售</p>
                <p class="p3">￥ 699</p>
            </div>
            <div class="rr">
                <span class="rm">热卖</span>
                <img class="tm" src="../part1_03/images/CnQOjVf4y6iAe-3RAAbqolcyaco939_180x180.png" alt="">
                <p class="p1">魅蓝note3</p>
                <p class="p2">魅蓝note3 领券立减100元</p>
                <p class="p3">￥ 799</p>
            </div>
            <div class="rr">
                <span class="rm">热卖</span>
                <img class="tm" src="../part1_03/images/Cix_s1f6EZaAMxvjAA2l_exLROk326_180x180.png" alt="">
                <p class="p1">魅蓝e</p>
                <p class="p2">魅蓝e 11日-12日 限量开售</p>
                <p class="p3">￥ 1299</p>
            </div>
        </div>
    </div>
    <!-- 屁股结束 -->
    <!-- 腿 -->
    <div class="tui">
        <div class="datui">
              <div class="zdt">
                   <dl class="wxl">
                       <dt class="lt">帮助说明</dt>
                       <dd class="lcy">支付方式</dd>
                       <dd class="lcy">配送说明</dd>
                       <dd class="lcy">售后服务</dd>
                       <dd class="lcy">付款帮助</dd>                                                                           
                   </dl>
                   <dl class="wxl">
                    <dt class="lt">Flyme</dt>
                    <dd class="lcy">开放平台</dd>
                    <dd class="lcy">固件下载</dd>
                    <dd class="lcy">软件商店</dd>
                    <dd class="lcy">查找手机</dd>                      
                </dl>
                <dl class="wxl">
                    <dt class="lt">关于我们</dt>
                    <dd class="lcy">关于魅族</dd>
                    <dd class="lcy">加入我们</dd>
                    <dd class="lcy">联系我们</dd>
                    <dd class="lcy">法律声明</dd>                      
                </dl>
                <dl class="wxl">
                    <dt class="lt">关注我们</dt>
                    <dd class="lcy">新浪微博</dd>
                    <dd class="lcy">腾讯微博</dd>
                    <dd class="lcy">QQ空间</dd>
                    <dd class="lcy">官方微信</dd>                      
                </dl>
              </div>
              <div class="ydt">
                    <p class="p1">二十四小时全国服务热线</p>
                    <p class="p2">400-788-3333</p>
                    <span class="sp">
                        <p class="p4">...</p>
                        <p class="p3">24小时在线客服</p>
                    </span>
              </div>
        </div>
        <div class="xiaotui">
                  <div class="sp9">
                   <p class="p9">
                      ?2016 Meizu Telecom Equipment Co., Ltd. All rights reserved. 备案号:粤ICP备13003602号-2 经营许可证编号:粤B2-20130198 营业执照
                  </p>           
                    <img class="tt1" src="../part1_03/images/footer-copy-1.png" alt="#">
                    <img class="tt1" src="../part1_03/images/trust-icon.png" alt="#">
                  </div>

        </div>
    </div>
    <!-- 腿结束 -->
</body>
</html>